<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <title>告警查询</title>
    <link rel="stylesheet" href="../../frame/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../css/public_style.css"/>
    <style>
        .search .time-line{width:20px !important;line-height:40px;text-indent:3px}
        .layui-form-item .layui-inline{margin-bottom: 15px}
        .layui-tab-title{
            padding-left: 20px;
        }
        .table_div {
            border: none;
            margin: 0px 15px 15px 15px;
        }
        .search .item_box {
            padding: 0 16px;
        }
    </style>
</head>
<body class="body">
    <span class="layui-breadcrumb">
        <a>
            <!--<img src="../../frame/static/image/icon-local.png"/>-->
            <cite>当前位置：告警</cite>
            <span class="layui-box">&gt;</span>
        </a>
    <a><cite>告警查询</cite></a>
    </span>
    <div class="layui-tab" lay-filter="tab_event">
        <ul class="layui-tab-title tab_card">
            <li class="layui-this" data-type="1">当前告警</li>
            <li data-type="2">历史告警</li>
        </ul>
        <div class="layui-tab-content" >
            <div class="main">
                <div class="layui-tab-item layui-show">
                    <div class="search">
                        <form class="layui-form" action="">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <label class="layui-form-label">告警编码：</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="supplierName" placeholder="请输入" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label">告警级别：</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="level" placeholder="请输入" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label">告警标识：</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="mark" placeholder="请输入" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label">网元类型：</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="neType" placeholder="请输入" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item item_box">
                                    <div class="layui-inline">
                                        <label class="layui-form-label">最后更新时间：</label>
                                        <div class="layui-input-inline" style="width: 140px;">
                                            <input type="text" name="startTime" placeholder="开始时间" autocomplete="off" class="layui-input layui-input-icon" id="startTime">
                                        </div>
                                        <div class="layui-input-inline time-line">
                                            —
                                        </div>
                                        <div class="layui-input-inline" style="width: 140px;">
                                            <input type="text" name="endTime" placeholder="截止时间" autocomplete="off" class="layui-input layui-input-icon" id="endTime">
                                        </div>
                                    </div>
                                    <div class="layui-inline">
                                        <button type="button" class="layui-btn search-btn" lay-submit="" lay-filter="search">
                                            <img src="../../frame/static/image/magnifier.png" alt="" >查询
                                        </button>
                                        <button type="reset" class="layui-btn" >重置</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="table_div">
                        <div style="display: block;">
                        </div>
                        <table id="dataTable" lay-filter="dataTable"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>
<!--操作模板-->
<script type="text/html" id="barOption">
    <a class="yellow" lay-event="dalete" style="color: red">确定告警</a><br/>
    <a class="yellow" lay-event="dalete" style="color: red">删除告警</a>
</script>
<script type="text/javascript" src="../../frame/layui/layui.js"></script>
<script type="text/javascript" src="../../js/index.js"></script>
<script type="text/javascript" src="../../js/alarm/alarm-query.js"></script>

<script type="text/html" id="htmlStyle">
    {{# if(d.level=='Critical'){ }}
    <span class="red-color">严重警告</span>
    {{#  } else if(d.level=='Major'){ }}
    <span class="blue-color">主要警告</span>
    {{#  } else if(d.level=='Minor'){ }}
     <span style="color: #6d92ee;">次要警告</span>
    {{#  } else if(d.level=='Warning'){ }}
    <span style="color: #f7c34c;"> 警告警告</span>
    {{#  } else if(d.level=='Indeterminate'){ }}
    不确定
    {{# } }}
</script>
</html>